import Carousel1 from "../component/Carousel1"
import Carousel2 from "../component/Carousel2"

import CarouselCard from "../component/CarouselCard"
import '../component/Cars.css'
const CarouselDemo=()=>{
    return (<div>
        <Carousel1>
            <CarouselCard className='red big-text'>1</CarouselCard>
            <CarouselCard className='blue big-text'>2</CarouselCard>
            <CarouselCard className='green big-text'>3</CarouselCard>
        </Carousel1>
        <Carousel2>
            <CarouselCard className='red big-text'>1</CarouselCard>
            <CarouselCard className='blue big-text'>2</CarouselCard>
            <CarouselCard className='green big-text'>3</CarouselCard>
        </Carousel2>
    </div>)
}
export default CarouselDemo